*{
	padding: 0;
	margin: 0;
}
html,body{
	width: 100%;
	height:100%;
	background: white;
}
/*开始布局*/
ul{	
	width: 100%;
	height:25%;
	background: url(../image/caodi.JPG) no-repeat;
	background-size: 100% 100%;
}
ul li{
	border: 2px solid black;
	float: left;
	list-style: none;
	width: 25%;
	height: 100%;
	box-sizing: border-box;
	background: url(../image/didong.png) no-repeat 50% 80%;
	background-size: 100% 30%;
	position: relative;
}
ul li .laoshu {
	position: absolute;
	width: 50%;
	height: 30%;
	left: 23%;
	top: 34%;
	display: none;
	-webkit-animation: run 0.1s linear infinite;
	animation: run 0.1s linear infinite;
}
-webkit-@keyframes run{
	0%{
		top: 34%;
	}
	50%{
		top: 20%;
	}
	100%{
		top: 34%;
	}
}
@keyframes run{
	0%{
		top: 34%;
	}
	50%{
		top: 20%;
	}
	100%{
		top: 34%;
	}
}